<template>
  <div class="sideMenu-main">
    <div class="cover" v-if="isShow" @click="jumpMethod"></div>
    <div class="sideMenu-wrapper" :class="{'show-sideMenu-wrapper': !isShow}">
      <div class="sideMenu-header">
        <div class="left"><img src="~assets/image/pikaqiu.jpg"></div>
        <div class="right">
          <p class="username">早起鸟儿一脸懵逼</p>
          <p class="time">累计阅读666小时</p>
        </div>
      </div>
      <div class="sideMenu-content">
        <ul>
          <li v-for="i in 20" :key="i">
            <span class="icon"><img src="~assets/image/message.png"></span><span class="desc">我的消息</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'sideMenu-main',
  props: {
     isShow: {
      type: Boolean,
      default: false
     }
  },
  data () {
    return {
      msg: '11122'
    }
  },
  methods: {
    jumpMethod() {
      this.$emit('showMethod')
    }
  },
  mounted(){

  }
  
}
</script>